$('.login a').click(function () {
    $('.register').show().prev().hide()
})
$('.register a').click(function () {
    $('.register').hide().prev().show();
});



//注册功能
$('.register .zc').on('submit', function (e) {
    e.preventDefault()
    //收集数据，只能用字符串格式，因为端口文档规定了，如果没有规定，可以用字符串，json，form表单。
    let data = $(this).serialize()
    $.ajax({
        url: '/api/reguser',
        type: 'POST',
        data: data,
        success: function (res) {
            console.log(res)
            if (res.status === 0) {
                alert(res.message)
                // 清空输入框。找到表单，转成DOM对象，调用DOM方法reset，来重置表单
                $('.register form')[0].reset();
                // 切换到登录的盒子
                $('.register').hide()
                // $('.login').show().next().hide();
            }
        }

    })
})
//功能验证
let form = layui.form
form.verify({
    //uesr,mima,same都是自定义的使用时给html里required lay-verify属性添加
    uesr: [/^[a-zA-Z0-9]{2,10}$/, '用户名只能由数字和字母组成，且2到10位'],
    mima: [/^\S{6,12}$/, '密码6~12位且不能有空格'],
    same: function (val) {
        // 形参，表示使用该验证规则的输入框的值（谁用这个验证规则，val表示谁的值）
        // 案例中，重复密码使用了这个验证规则，所以形参val表示输入的重复密码
        if (val !== $('.pwd').val()) {
            // return '错误提示'
            return '两次密码不一致，您再看看'
        }
    }

})



// 登录功能
$('.deng').on('submit', function (e) {
    e.preventDefault()
    let data = $(this).serialize()
    $.ajax({
        url: '/api/login',
        type: 'POST',
        data: data,
        success: function (res) {
            console.log(res)
            if (res.status === 0) {
                // 提示
                alert(res.message);
                // layer.msg('提示信息','配置项',function(){})弹出提示信息
                // 登录成功，保存token
                //三种格式 localStorage.setItem（键，值）
                //localStorage.getItem（键，值）
                //localStorage.removeItem（键，值）
                //以上是浏览器储存数据中localStorage的三种用法，这一步是登录成功，保存token，以便于接下来获取各种端口时的身份验证设置请求头
                localStorage.setItem('token', res.token);
                // 跳转到首页面 index.html
                // location.href = '../../home/dashboard.html';
                location.href = './index.htm';
                // location.href = 'dashboard.html';
            }

        }

    })
})